<template>
  <div class="Overall">
    <el-container>
      <el-aside width="30%"><aa-box-card></aa-box-card></el-aside>
      <el-main  width="40%"><ab-box-card></ab-box-card></el-main>
      <el-aside width="30%"><ac-box-card></ac-box-card></el-aside>
    </el-container>
  </div>
</template>

<script>
import AaBoxCard from './HomePageGroupAa.vue'
import AbBoxCard from './HomePageGroupAb.vue'
import AcBoxCard from './HomePageGroupAc.vue'

export default {
  name: 'HomePageGroupA',
  components: {
    AaBoxCard,
    AbBoxCard,
    AcBoxCard
  },
  data () {
    return {
      
    }
  }
}
</script>

<style scoped>

</style>
